﻿<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GMTA</title>

<link rel="stylesheet" type="text/css" href="../css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/demo.css">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">

</head>
<body>

<nav>
  <a href="#" id="userPLink">
	<span class="fa fa-user"></span>
    GMTA
  </a>
  <div id="sideMenu">
	<span class="fa fa-navicon" id="sideMenuClosed"></span>
  </div>
</nav>


<div id="sideMenuContainer">
  <h2>heading</h2>
  <a href="#" title="new user guide"><span class="fa fa-bolt"></span></a>
  <a href="#" title="rules"><span class="fa fa-exclamation-circle"></span></a>
  <a href="#" title="setting"><span class="fa fa-map"></span></a>
  <a href="#" title="usergroups"><span class="fa fa-info-circle"></span></a>
  <a href="#" title="directory"><span class="fa fa-users"></span></a>
  <a href="#" title="claims"><span class="fa fa-camera"></span></a>
  <a href="#" title="summaries"><span class="fa fa-commenting"></span></a>
  <a href="#" title="requests"><span class="fa fa-heart"></span></a>
  <a href="#" title="unanswered"><span class="fa fa-flag"></span></a>
  <a href="#" title="faq / suggestions"><span class="fa fa-question-circle"></span></a>
  <a href="#" title="chat"><span class="fa fa-glass"></span></a>
</div>
<div class="container">
<div id="main">
<iframe id="frame" src="path.html" height="750px" width="700px" scrolling=no></iframe>
</div>   
<div style="width: 100px;">
  <button class="ant-btn ant-btn-red" onclick="document.getElementById('frame2').contentWindow.request()" style="margin-top: 400px;" >
    查看trace
  </button>      
</div>
<div id="optioon">
  <iframe id="frame2" src="trace.html" height="750px" width="700px" scrolling=no></iframe>
</div> 
</div>
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src='js/velocity.min.js'></script>
<script src='js/sideToggleExtended.js'></script>
<script type="text/javascript">
 
  $(document).ready(function(){
	  $('#sideMenu').sideToggle({
		moving: '#sideMenuContainer',
		direction: 'right'
	  });

  });

    
function get(){
    //alert("Local iframe is now loaded.");
    return document.getElementById('frame').contentWindow.getpath();
};
    
    //window.frames["iframe1"].location.reload();
  
  
</script>
</body>
</html>